<template>
	<div class="maskWrap">
		<div class="hides">

			<span class="sp1">

				<img class="imgIcon" src="~/static/images/volunteer_icon_lock.png" alt="">
			</span>
			<span class="sp2">马上购买服务，查看完整方案</span>
			<span class="sp3" @click="openVip">点击购买</span>


		</div>
	</div>
</template>

<script>
	import ls from 'store2'
	export default {
		data() {
			return {

			};
		},
		computed: {

		},
		mounted: function() {

		},
		methods: {

			openVip() {

				let url = encodeURIComponent(process.env.workUrl + "/h5-stu-wx/#/evaluation/evaluationEntry")
				this.commonJs.checkCodeVip("sx0005", url,process.env.mallId)

			}


		}
	};
</script>


<style scoped lang="less">
	.maskWrap {
		width: 100%;
		height: 2.75rem;
		background: #fff;
		filter: alpha(opacity=98);
		-moz-opacity: 0.98;
		-khtml-opacity: 0.98;
		opacity: 0.98;

		.hides {

			width: 98%;
			height: 2.75rem;
			background: #fff;
			opacity: 1;
			position: relative;
			z-index: 20;
			margin: 0 auto;

			.sp1 {
				width: 1.2rem;
				height: 1.2rem;
				display: block;
				margin: 0 auto;

				.imgIcon {
					width: 1.2rem;
					height: 1.2rem;
				}
			}

			.sp2 {
				font-size: 0.26rem;
				font-family: 'PingFang-SC-Bold';
				font-weight: bold;
				color:  @mainColor;
				line-height: 0.37rem;
				display: block;
				text-align: center;
				width: 100%;
			}

			.sp3 {
				display: block;
				width: 2.3rem;
				height: 0.6rem;
				background: @mainColor;
				border-radius: 0.1rem;
				font-size: 0.24rem;
				font-weight: bold;
				color: rgba(255, 255, 255, 1);
				line-height: 0.6rem;
				text-align: center;
				margin: 0.2rem auto 0;
			}

		}

	}
</style>
